<template>
  <div class="novel-detail">
    <h2>{{ novel.title }}</h2>
    <p>{{ novel.description }}</p>
    <router-link to="/">返回小说列表</router-link>
    <router-link :to="{ name: 'ReadNovel', params: { id: novel.id } }">开始阅读</router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      novel: {
        id: 1,
        title: '小说1',
        description: '这是小说1的描述'
      }
    };
  },
  created() {
    // 在这里可以根据路由参数获取小说详情数据
    // 例如：this.novel = getNovelById(this.$route.params.id);
  }
};
</script>

<style scoped>
.novel-detail {
  padding: 20px;
}
</style>
